<template>
  <div class="main">
    <!-- <img src="@/assets/douqi.jpg" /> -->
    <!-- 全局组件 -->
    <Model></Model>
  </div>
</template>
<script setup lang="ts">
/* 局部组件 */
// import Model from "@/components/common/Model.vue";
import { ref } from "vue";
</script>
<style lang="scss" scoped>
.main {
  width: 800px;
  background-image: url(@/assets/xiaoyan.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: var(--radius);
  box-shadow: 0 0 10px;
  height: 400px;
  filter: saturate(200%); //饱和度 定位失效
  img {
    // width: 100%;
    height: 200px;
  }
}
</style>
